<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Administration</title>
        <style>

            .button
            {
                cursor:pointer ;
                text-decoration: none;
                color: #FFF;
                display: inline-block;
                padding: 5px 15px 5px 15px;
                background: #003A88;
                -webkit-border-radius: 10px 10px 10px 10px;
                -moz-border-radius: 10px 10px 10px 10px;
                -khtml-border-radius: 10px 10px 10px 10px;
                border-radius: 10px 10px 10px 10px;
            }
            .content
            {
                padding: 10px;
                border-left: 1px solid #CCCCCC;
                border-right: 1px solid #CCCCCC;
                border-bottom: 1px solid #CCCCCC;
                min-height: 300px;
                overflow: auto;
            }
            .heading
            {
                height: 38px;
                padding-left: 7px;
                padding-right: 7px;
                border: 1px solid #DBDBDB;
                background: url( 'images/box.png' ) repeat-x;
                -webkit-border-radius: 7px 7px 0px 0px;
                -moz-border-radius: 7px 7px 0px 0px;
                -khtml-border-radius: 7px 7px 0px 0px;
                border-radius: 7px 7px 0px 0px;
            }
            .heading h1 img
            {
                float: left;
                margin-top: -1px;
                margin-left: 3px;
                margin-right: 8px;
            }
            .heading h1
            {
                color: #003A88;
                font-size: 16px;
            }


        </style>
    </h:head>
    <h:body>
        <div id="content">
            <div class="box" style="width: 400px; min-height: 300px; margin-top: 40px; margin-left: auto;
                 margin-right: auto;">
                <div class="heading">
                    <h1>
                        <img src="images/lockscreen.png" alt="" />
                        Veuillez saisir vos identifiants
                    </h1>
                </div>
                <div class="content" style="min-height: 150px; overflow: hidden;">
                    <form action="" id="form">
                        <table style="width: 100%;">
                            <tbody>
                                <tr>
                                    <td style="text-align: center;" rowspan="4">
                                        <img src="images/login.png" alt="Veuillez saisir vos identifiants" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <f:view>
                                            <h:form id="login">

                                                <h:panelGrid columns="3">
                                                    <h:outputLabel value="Utilisateur" for="userName"/>
                                                    <h:inputText id="userName" 
                                                                 required="true" 
                                                                 value="#{utilisateur.userName}" 
                                                                 validator="#{utilisateur.validateUserName}"/>
                                                    <h:message for="userName" />

                                                    <h:outputLabel value="Mots de passe" for="pwd"/>
                                                    <h:inputText id="pwd" 
                                                                 required="true" 
                                                                 value="#{utilisateur.pwd}" 
                                                                 validator="#{utilisateur.validatePwd}"/>
                                                    <h:message for="pwd" />


                                                </h:panelGrid>

                                                <h:commandButton class="button" value="Ok" 
                                                                 action="#{utilisateur.submitAction}"/>
                                                <h:commandButton class="button" value="Annuler" 
                                                                 action="#{utilisateur.submit0Action}"/>
                                            </h:form>
                                        </f:view>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <input type="hidden" name="redirect" value=""/>
                    </form>
                </div>
            </div>
        </div>

    </h:body>
</html>

